extends ./layout.pug
block style
    link(href=`/public/stylesheets/detail.css?${vCode}`, rel="stylesheet")

block script
    script(src='/public/javascripts/lib/audio/audio.min.js', type='text/javascript')  
    script(src=`/public/javascripts/detail.js?${vCode}`, type='text/javascript')  
    script(src=`/public/javascripts/detail.js?${vCode}`, type='text/javascript')  

block content 
    if info.data.fileAddr
        .top-line
        .detail-media
            //- 暂时无视频需求
            //- video#myVideo.video-js(data-setup='{}', controls=true, preload='auto', poster=info.data.imageAddr)
            //-     source(src='/public/demo.mp4', type='video/mp4')
            //- .video-title=info.data.serviceName   
            .audio-player  
                .audio-player-box.clearfix
                    .audio-player-controller.fl(style='background-image:url('+info.data.imageAddr+')')
                        i.xx-icon.icon-bofang1#audioPlayer
                    .audio-player-detail.fr 
                        .audio-title=info.data.serviceName
                        .audio-slider 
                            #audioSlider.weui-slider-box
                                .weui-slider
                                    #sliderInner.weui-slider__inner
                                        #sliderTrack.weui-slider__track(style='width: 0%;')
                                        #sliderHandler.weui-slider__handler(style='left: 0%;')
                                        .weui-time__start 00:00
                                        .weui-time__end 00:00

            audio#myAudio(style="display:none")
                source(src=info.data.fileAddr,preload='auto',type='audio/mp3')

    .page-line
    .detail-content
        h1.detail-line-title 景点介绍
        .detail-content-warp!=info.data.serviceContent
